<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->

<head>
    <title>Portfolio Single</title>
    
    <meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />

    <link rel="stylesheet" type="text/css" href="css/style.css" />


    <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
    <!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css"/>
    <![endif]-->

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.quicksand.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.elastislide.js"></script>
    <script type="text/javascript" src="js/jquery.tweet.js"></script>
    <script type="text/javascript" src="js/smoothscroll.js"></script>
    <script type="text/javascript" src="js/jquery.ui.totop.js"></script>
    <script type="text/javascript" src="js/ajax-mail.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body>

<!-- start: Top Menu -->
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
             <a class="brand" href="#"><i class="icon-cloud "></i> Misty</a>
					<div class="nav-collapse collapse">
						<ul class="nav pull-right">
							<li>
								<a href="./index.html">Home</a>
							</li>
							<li>
								<a href="./about.html">About</a>
							</li>
							<li>
								<a href="./services.html">Services</a>
							</li>
							<li>
								<a href="./portfolio.html">Portfolio</a>
							</li>
							<li>
								<a href="./contact.html">Contacts</a>
							</li>
						</ul>
					</div>
        </div>
    </div>
</div>
<!-- start: Top Menu -->

<!-- start: Container -->
<div class="container">

    <!-- start: Page header / Breadcrumbs -->
    <section class="breadcrumbs">
        <div class="page-header">
            <h1>Prject Blabla<small></small></h1>
        </div>
        <div class="breadcrumbs">
            You are here: <a href="#">Home</a><i class="icon-angle-right "></i><a href="./portfolio.html">Portofolio</a><i class="icon-angle-right "></i>Project Blabla
        </div>
    </section>
    <!-- end: Page header / Breadcrumbs -->

    <div class="row">

        <!-- start: Page section -->
        <section id="page-sidebar" class="span12">

            <div class="page-inner">
                <div class="row-fluid single-portfolio">
                    <div class="span8">
                        <div id="mainslider" class="flexslider">
                            <ul class="slides">
                                <li><img src="example/slider1.jpg" alt="" /></li>
                                <li><img src="example/slider2.jpg" alt="" /></li>
                                <li><img src="example/slider3.jpg" alt="" /></li>
                                <li><img src="example/slider4.jpg" alt="" /></li>
                            </ul>
                        </div>
                    </div>
                    <div class="span4">
                        <div class="ps-description">
                            <p>Pellentesque semper tristique metus et gravida. Aliquam lacinia justo consequat leo feugiat quis tincidunt elit ultricies. Etiam et dignissim metus. Praesent ut tempus est elit.</p>
                            <p>Curabitur vitae velit tortor. Duis nec augue at ipsum luctus egestas. Sed feugiat neque ut massa fermentum adipiscing. Praesent dapibus tristique justo et bibendum.</p>
                            <h4>Project Overview</h4>
                            <ul class="icons">
                                <li><i class="icon-angle-right"></i><span>Date:</span> May 9, 2012</li>
                                <li><i class="icon-angle-right"></i><span>Client:</span> Google</li>
                                <li><i class="icon-angle-right"></i><span>Category:</span> Web Design</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            

        </section>
        <!-- end: Page section -->

        <!-- start: Sidebar -->
        <!-- end: Sidebar -->

    </div>

</div>

<!-- end: Container -->
        <!-- start: Footer -->
        <footer id="footer">
            <div class="container">
                <ul class="social clearfix">
                    <li><a href="#" data-original-title="Facebook" data-placement="top" rel="tooltip">
                            <i class="icon-facebook-sign"></i>
                        </a></li>
                    <li><a href="#" data-original-title="Twitter" data-placement="top" rel="tooltip">
                            <i class="icon-twitter-sign"></i>
                        </a></li>
                    <li><a href="#" data-original-title="Linkedin" data-placement="top" rel="tooltip">
                            <i class="icon-linkedin-sign"></i>
                        </a></li>
                    <li><a href="#" data-original-title="Pinterest" data-placement="top" rel="tooltip">
                            <i class="icon-pinterest-sign"></i>
                        </a></li>
                    <li><a href="#" data-original-title="Google+" data-placement="top" rel="tooltip">
                            <i class="icon-google-plus-sign"></i>
                        </a></li>
                </ul>
            </div>

        </footer>
        <!-- end: Footer -->

        <!-- start: Footer menu-->
        <section id="footer-menu">
            <div class="container">
                <div class="row">
                    <div class="span4">
                        <p class="copyright">&copy; Copyright 2012. Powered by <a href="http://isatechindonesia.com/">Isatech Indonesia</a>.</p>
                    </div>
                    <div class="span8 hidden-phone">
                        <ul class="pull-right">
                            <li><i class="icon-map-marker"></i> Blimbingsari CT.IV/28A Depok Sleman Yogyakarta 55281</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- end: Footer menu-->


</body>
</html>
